{% extends "base-studio.html" %} 
{% block studio %}
<div id="serviceHead" class="q-container service-head">
    <div class="container">
        <div class="row clearfix">
            
            <div class="col-sm-8 col-md-8 column q-left">
                <div class="carousel slide" id="carousel-232545">
                    <ol class="carousel-indicators">
                        {% for serviceSliderPhoto in serviceSliderPhotos %}
                        <li class="{% if serviceSliderPhoto.id==1 %}active{% endif %}" data-slide-to="{{ serviceSliderPhoto.id-1 }}" data-target="#carousel-232545">
                        </li>
                        {% endfor %}
                    </ol>
                    <div class="carousel-inner">
                        {% for serviceSliderPhoto in serviceSliderPhotos %}
                        <div class="item {% if serviceSliderPhoto.id==1 %}active{% endif %} ">
                            <img alt="" src="{{ serviceSliderPhoto.url }}" />
                        </div>
                        {% endfor %}
                    </div>
                    <a rel="nofollow" class="left carousel-control" href="#carousel-232545" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a rel="nofollow" class="right carousel-control" href="#carousel-232545" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>
            <div class="col-sm-4 col-md-4 column q-right">
                <h3 class="title">{{ serviceTitle }}</h3>
                <p class="title2">{{ serviceTitle2 }}</p>
                <div class="price">
                    <span class="price-tab">价格</span>
                    <span class="price-num">{{ servicePrice }}</span>
                </div>
                <div class="buy">
                    <button type="button" class="btn btn-default text-center q-btn">与我联系</button>
                </div>
            </div>
        </div>
    </div>
</div>




<div id="serviceDesc" class="q-container service-desc">
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-9 column q-left">
                <h3>服务详情</h3>                        
                {% for serviceContentPhoto in serviceContent %}
                <img class="img-responsive center-block" alt="" src="{{ serviceContentPhoto.url }}" />
                {% endfor %}
            </div>

            <div class="col-sm-3 col-md-3 column q-rights">
                <div class="panel panel-primary nofollow">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            工作室介绍
                        </h3>
                    </div>
                    <div class="panel-body">
                        面版内容
                    </div>
                    <div class="panel-footer">
                        面版底部
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

{% endblock %}

